@import '../base/variables.scss';
/* student/index.html */
.student-wrapper {
	.st-card-list {
		&-item {
			display: block;
		    margin-bottom: 25px;
		    overflow: hidden;
		    border-radius: 5px;
			color: $white;
			&.bg-green {
				.st-card-foot {
					background-color: darken($green, 10%);
				}
		    }
		    &.bg-red {
				.st-card-foot {
					background-color: darken($red, 10%);
				}
		    }
		    &.bg-blue {
				.st-card-foot {
					background-color: darken($blue, 10%);
				}
		    }
		    &.bg-purple {
				.st-card-foot {
					background-color: darken($purple, 10%);
				}
		    }
		}
		.st-card-body {
			overflow: hidden;
			.fa {
			    width: 80px;
			    height: 80px;
			    display: block;
			    float: left;
			    padding-top: 10px;
			    padding-left: 15px;
			    margin-bottom: 15px;
			    font-size: 60px;
			    opacity: .5;
			}
			.details {
			    position: absolute;
			    right: 15px;
			    padding-right: 15px;
			    .number {
			    	padding-top: 25px;
				    text-align: right;
				    font-size: 34px;
				    line-height: 36px;
				    letter-spacing: -1px;
				    margin-bottom: 0;
				    font-weight: 300;
				    color: $white;
			    }
			   	.desc {
				    text-align: right;
				    font-size: 16px;
				    letter-spacing: 0;
				    font-weight: 300;
				}
			}
		}
		.st-card-foot {
			color: $white;
			overflow: hidden;
			clear: both;
		    display: block;
		    padding: 6px 10px;
		    position: relative;
		    text-transform: uppercase;
		    font-weight: 300;
		    font-size: 11px;
		    opacity: .8;
		    transition: opacity .5s;
		   	border-bottom-left-radius: 5px;
		   	border-bottom-right-radius: 5px;
		    &:hover {
		    	opacity: 1;
		    }
			.fa {
				float: right;
				font-size: 14px;
			    margin-top: 3px;
			    line-height: 14px;
			    vertical-align: top;
			}
		}
	}
}